<template>
	<view class="them">
		<view class="Picture">
			<img :src="imgUrl + '/appStatic/images/spalender.png'" alt="">
			<view class="PingFang">
				可以是T恤也可以是改名卡随便这里
			</view>
			<view class="SC-Bold">
				<text>￥</text> 99
				<text>
					.90
				</text>
			</view>
		</view>
	</view>
</template>

<script>
	import config from '@/config';
	export default {
		name: "Hot",
		data() {
			return {
				imgUrl: config.imgUrl
			};
		}
	}
</script>

<style lang="scss">
	.them {
		width: 680rpx;
		height: 879rpx;
		background: #15142d;
		border-radius: 14rpx;
		opacity: 1;
		margin: 33.14rpx 34.88rpx;

		// 介绍图
		.Picture {
			img {
				width: 100%;
				background: #D8D8D8 rgba(0, 0, 0, 0.2);
				border-radius: 14rpx;
				opacity: 1;
			}

			.PingFang {
				font-size: 31rpx;
				font-family: "font";
				font-weight: 800;
				color: #FFFFFF;
				margin: 27.91rpx 36.63rpx;
			}

			.SC-Bold {
				width: 147rpx;
				height: 73rpx;
				font-size: 52rpx;
				font-family: "font";
				font-weight: 800;
				color: #FFFFFF;
				margin: 0 38.63rpx;
			}

			text {
				font-size: 31rpx;
				font-family: "font";
				font-weight: 800;
				color: #FFFFFF;
			}

		}

		// 介绍图 
	}
</style>